Macrostruttura del layout del sito "Un prof, una panchina"

logo o immagine

slogan

titolo

navigazione orizzontale

leftnav, sezione di navigazione a sinistra
rightnav, sezione di navigazione a destra
content
Sezione centrale dei contenuti

Regole CSS relative alla macrostruttura su riportata.

.container { background-color: #ccffdd; margin-left: auto; margin-right: auto; width: 52.905em; text-align: left; line-height: 130%; }

.headertop{height:150px;border-bottom:1px solid #fff;clear:both;} .headertop1{margin:auto;height:100%;} .header {float: left; border:medium double rgb(250,0,255); } .header-left{width:170px;height:150px;float:left; background-color:#3366ff; border-width:thin; border-style: solid; border-color: blue; } .headerhead{margin-left:170px;height:170px;} .headerslogan{background-color:#ffffcc; height:20px;line-height:24px;text-align:right;font-size:0.9em;color:#ff00cc;font-weight: bold;border-bottom:1px solid #eee;padding-right:20px; font-style: italic;} .headerlogan{height:90px;line-height:90px; background-color: red;} .headernav{background-color:#ffffcc; height:24px;margin-top:0px;font-size:0.9em;border-left: 1px solid gray;}

.leftnav { float:left; background-color: #ccffdd; border-left: 1px solid gray; /* Inizia il Simplified Box Model Hack */ width:160px; /* Dimensioni per Opera 5 */ width:170px; /* Dimensioni per Explorer 5.x */ width:160px; /* Dimensioni per browser standard compliant */ padding:1em 0 0 10px;} border:medium double rgb(250,0,255);width: 98.6%;}

.rightnav { float:right; width: 160px; width:170px; width:160px; border: 1px solid gray; padding:1em 5px; background-color: #ccffdd;}

.content { margin-left: 180px; border-left: 1px solid gray; margin-right: 170px; border-right: 1px solid gray; padding: 1em; max-width: 36em; background-color: #eef; }

.footer { background-color: #ffccff; border: medium double rgb(250,0,255);width: 98.6%;}